<template>
  <div class="mine">
    <Top />
    <Mine
      :user="Minedata.user"
      :uid="Minedata.uid"
      v-model:kudos="Minedata.kudos"
      :concern="Minedata.concern"
      :fan="Minedata.fan"
    ></Mine>
  </div>
</template>

<script setup>
import { defineComponent, reactive, ref } from "@vue/runtime-core";
import Mine from "../../components/Mine.vue";
import Top from "../../components/Top.vue";
const components = defineComponent(Mine, Top);
const Minedata = reactive({
  user: "曦雨",
  uid: "116011120",
  kudos: 11,
  fan: 45,
  concern: 14,
});
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
table {
  position: fixed;
  top: 300px;
  width: 300px;
  text-align: center;
  z-index: 100;
}
</style>
